<template>
  <div class="stang">
    <div class="stang-l">
       <InfoCar :CarListInfo='CarListInfo' class="stang-l-bed"></InfoCar>
       <InfoCar :CarListInfo='CarListDate'></InfoCar>
    </div>
    <div class="stang-r">
      <InfoTit title="长期医嘱"></InfoTit>
      <div class="trug-list">
         <table>
           <thead>
             <tr>
               <!--<td>类别</td>
               <td>医嘱正文</td>
               <td>下单时间</td>-->
               <td>开立医嘱时间</td>
               <td>停止医嘱时间</td>
               <td>医嘱名称</td>
               <td>用法</td>
               <td>频次</td>
             </tr>
           </thead>
           <TableBody></TableBody>
         </table>
      </div>
    </div>
  </div>
</template>

<script>
import InfoCar from '../common/InfoCar'
import InfoTit from '../common/InfoTit'
import TableBody from '../common/TableBody'
export default {
  name: 'Stang',
  components: {
    InfoCar,
    InfoTit,
    TableBody
  },
  data () {
    return {
      CarListInfo: {
        src: require('../../img/wardR/chest-icon.png'),
        InfoTit: this.$store.state.personinfo.belong_dpname,
        decide: true,
        bgImg: require('../../img/wardR/aid-bg.png'),
        boxS: '-.1rem -.1rem .3rem 0 #d5e9e6',
        InfoCon: [sessionStorage.getItem('WardBedNum')]
      },
      CarListDate: {
        src: require('../../img/wardR/chest-icon.png'),
        InfoTit: '当前系统日期',
        decide: false,
        bgImg: require('../../img/wardR/present-bg.png'),
        boxS: '-.1rem -.1rem .3rem 0 #d5e9e6',
        InfoCon: ['x', '27', '床']
      }
    }
  }
}
</script>

<style style="stylus" scoped>
  .stang{
    padding: 0 .3rem;
    display: flex;
  }

  .stang .stang-l .stang-l-bed{
     margin-bottom: .1rem;
  }

  .stang .stang-r{
    flex: 1;
    background: #fff;
    margin-left: .3rem;
    padding: 0 .2rem;
    border-radius: 0.1rem;
    box-shadow: 0px 0.11rem 0.24rem 0px rgba(127,135,143,0.1);
  }
  .stang .stang-r .trug-list table{
    width: 100%;
    text-align: center;
    font-size: .28rem;
  }
  .stang .stang-r .trug-list>table>thead{
    text-align: center;
    background-color: #edeef0;
    color: #161d26;
    height: .56rem;
    line-height: .56rem;
    display:table;
    width:100%;
    table-layout:fixed;
    font-size: 0.24rem;
  }
    tr td:nth-child(1){
      width: 17%;
    }
  tr td:nth-child(2){
    width: 17%;
  }
  tr td:nth-child(3){
    width: 40%;
  }
  tr td:nth-child(4){
    width: 9%;
  }
  tr td:nth-child(5){
    width: 17%;
  }
    /*tr td:nth-child(2){
      width: 50%;
      text-align: left;
      padding-left: 10%;
    }*/
</style>
